.btn-group-toggle .btn input[type="radio"] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
#variations .form-label span{
  text-transform: uppercase;
}
.p-v-group{
  display: block;
}
.btn-group-toggle label{
  display: inline-block;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 0px;
    margin-right: 6px;
}
/* Style for the label when the radio is not checked */
.btn-group-toggle .btn {
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  min-width: 144px;
  min-height: 36px;
}
.btn-group-toggle .p-v-list {
  text-transform: uppercase;
}
.btn-group-toggle .p-v-list {
  text-transform: uppercase;
}

/* Style for the label when the radio is checked */
#productThumbs .active {
    border: 2px solid #1196AB;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0 3px 2px #c8f3fa;
}
.btn-group-toggle .active{
  border-color: #E47911;
}

#productThumbs .preview {
    border: 2px dotted #1196AB; /* Set solid red border when the radio is checked */
    border-radius: 8px;
}
.btn-group-toggle .preview{
  background-color: #f3f3f3;
  border-color: #D0D0D0;
}

.btn-group-toggle .active{
    border-color: #E47911;
}

#product-image-container, #product-image-container img{
    width: 100%;
    height: 100%;
}

/* Container for the product thumbnails */
#productThumbs {
    display: flex; /* Align items in a row */
    height: 104px; /* Set the height of the container */
    list-style: none; /* Remove bullet points */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent wrapping of items */
    /* hide scroll bar */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Style for each product thumbnail */
#productThumbs li {
  flex: 0 0 auto; /* Do not grow, do not shrink, and base width on content */
  margin-right: 10px; /* Space between thumbnails */
  /* Add more styling as needed (e.g., width, height) */
  border-radius: 8px;
  overflow: hidden;
}

#productThumbs li img{
  width: 100px;
  height: 100px;
}

/* Optional: styles for customizing the scrollbar on Webkit browsers */
#productThumbs::-webkit-scrollbar {
  height: 8px;
}

#productThumbs::-webkit-scrollbar-track {
  background: #f0f0f0;
}

#productThumbs::-webkit-scrollbar-thumb {
  background: #888;
}

.productImageScroll {
    background-color: transparent;
    border:0px;
}


/* Variation list area */
.table-container {
  max-height: 800px; /* Set the maximum height of the table container */
  overflow-y: auto; /* Allow vertical scrolling */
  position: relative;
  margin-top: 40px;
}

.fixed-header-footer thead,
.fixed-header-footer tfoot {
  position: sticky; /* Fix the header and footer at the top and bottom */
  z-index: 2; /* Set the hierarchy so it's above other content */
  background-color: #f8f8f8; 
}

.fixed-header-footer thead tr th,
.fixed-header-footer tfoot tr td {
  text-align: center;
}

.fixed-header-footer thead {
  top: 0; /* Fix the watch tail at the bottom */
  font-size: 12px;
  font-weight: 400;
}
.fixed-header-footer tbody {
  font-size: 12px;
}
.fixed-header-footer tfoot {
  bottom: 0; /* Fix the watch tail at the bottom */
}

.info-row td{
  padding: 18px 20px;
}

.product-about .quantity .qty-input{
  height: 48px;
}

.product-about .quantity{
  display: inline-flex;
  border: 1px solid var(--th-border-color);
  border-radius: 24px;
}
.product-about .quantity .qty-btn{
  padding: 0 8px;
  position: unset;
}
.product-about .quantity .qty-input{
  width: 42px;
  height: 30px;
  border-radius: 0;
  padding: 0 0px;
  text-align: center;
  font-size: 12px;
}
.product-about .quantity:after{
  display: none;
}
/* Adjust scroll bar style */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #888;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
/* Form validation error message */
.error{
  color: #dc3545;
}
/* 购物车地址input单选框样式 */
.address {
  visibility: visible !important;
  vertical-align: middle !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  display: inline-block !important;
}
/* 表单错误提示 */
.cue {
  color: red;
  font-size: 14px;
}
/* 收藏图标样式 */
.product-about .actions .favorites{
  border: 1px solid var(--th-border-color);
  background-color:transparent;
  color: #333333;
}
.product-about .actions .favorites:hover{
  border: 1px solid #333333;
  background-color:transparent;
  color: #333333;
}
.product-about .actions .wishlist, .th-product .actions .wishlist{
  border-color: var(--theme-color2);
  background-color: var(--theme-color2);
  color: var(--white-color);
  border-radius: 99px;
}
.product-about .actions .wishlist:hover,.th-product .actions .wishlist:hover{
  border: 1px solid var(--th-border-color);
  background-color:transparent;
  color: #333333;
}
/* 会员中心侧边栏选中样式 */
.widget_categories li.active {
  background-color: #EAEEFA;
  color: var(--theme-color2);
  box-shadow: none;
  border-left: 4px solid var(--theme-color2);
  border-radius: 30px;
}
/* 新增地址 */
.add-address {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* catalog页面 */
.cat-title {
  text-transform: uppercase;
  padding: 10px 10px 10px !important;
}
.cat-title h4{
  margin-bottom: 4px;
}

.woocommerce-message{
  display: none;
}
/* newsletter提示 */
.success-message{
  color: green;
}
/* product single标题溢出隐藏 */
.product-grid .product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1200px){
  .home-blog .blog-box .blog-img{
    object-fit: cover;
    width: 332px;
    height: 190px;
  }
}

/* blog页面，封面图宽度 */
.has-post-thumbnail .blog-img, .blog-single .blog-img{
  object-fit: cover;
}
.has-post-thumbnail .blog-img a img, .blog-single .blog-img img{
  width: 100%;
}
/* Home->Our Latest News & Blogs   设置博客标题超出两行隐藏*/
.blog-box .box-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 设置最大行数 */
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fav-list-no-data-tips {
  width: 100%;
  height: 500px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fav-list-no-data-tips .next-notice-title {
  display: inline-block;
}

/* 副标题内边距 */
.breadcumb-wrapper {
  padding: 80px 0;
}

#service-sec{
  padding-top: 80px;
}

/* 首页产品模块样式 */
.th-product.list-view .product-category {
  font-size: 12px;
  line-height: 14px;
}
.category-card .box-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-card .box-title a{
  font-size: 12px;
}
/* contact us页样式 */
.heading-line-bottom {
  border-bottom: 1px dashed gray;
  display: inline-block;
  margin: 0;
  position: relative;
  margin: 20px 0;
}
.contact_form__table, .contact_form__table th, .contact_form__table td{
  border: none;
}
.confirm_form{
  border-top: 1px solid #ddd;
}
.confirm_form th, .confirm_form td{
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.contact_form__table td input,.contact_form__table td textarea, .contact_form__table td .form-select{
  border-radius: 0;
}

.offer-card{
 height: 100%;
}

.bg-white-f5 {
  background-color: #f5f5f5 !important;
}

.th-product .product-img{
  padding: 10px;
}

@media (min-width: 769px){
  #description img{
    max-width: 50%;
  }
}